<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../lib/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../lib/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../lib/jquery.serializeJSON/jquery.serializejson.min.js"></script>
    <script type="text/javascript" src="../lib/jquery.rest/dist/1/jquery.rest.min.js"></script>
    <link href="../lib/easyui/themes/bootstrap/easyui.css" rel="stylesheet">

</head>
<body class="easyui-layout" fit="true">
<!--<div region="west" title="部门" style="width: 100px"></div>-->
<div region="center">

        <div id="project">
            <form id="ff" method="post">
            <label for="p_manager">项目经理:</label>
            <input class="easyui-validatebox" type="text" name="manager" data-options="required:true" />
                &nbsp;&nbsp;&nbsp;
            <label for="p_plan">项目进度:</label>
            <input class="easyui-combobox" data-options="
		valueField: 'label',
		textField: 'value',
		data: [{
			label: 'p1',
			value: '20%~%40'
		},{
			label: 'p2',
			value: '40%~%60'
		},{
			label: 'p3',
			value: '60%~%80'
		},{
			label: 'p4',
			value: '80%~%100'
		}]"  value="0~%20"/>&nbsp;&nbsp;&nbsp;
                <a class="easyui-linkbutton" onclick="">查询</a>
                &nbsp;&nbsp;&nbsp;
                <a class="easyui-linkbutton" href="#" onclick=" $('#add').dialog({
       closed:false
   })">添加项目</a>
    </form>
            <table id="xm" title="项目管理" class="easyui-datagrid" >
                <thead>
                <tr>
                    <th field="id" style="width: 100px">项目编号</th>
                    <th field="name" style="width: 100px">项目名</th>
                    <th field="name" style="width: 100px">起始时间</th>
                    <th field="name" style="width: 100px">项目经理</th>
                    <th field="name" style="width: 100px">成员</th>
                    <th field="name" style="width: 100px">项目跟踪</th>
                    <th field="name" style="width: 100px">完成时间</th>
                </tr>
                </thead>
            </table>
       </div>
    <div id="add" title="添加项目" class="easyui-dialog" data-options="closed:true">
        <form>
            <label>项目名称：</label> <input name="p_name" class="easyui-textbox" title="项目名称:"><br>
            <label>开发成员：</label> <input name="p_people" class="easyui-textbox"  title="开发成员:"><br>
            <label>功能模块：</label> <input name="p_module" class="easyui-textbox"  title="功能模块:"><br>
            <label>启动时间：</label> <input name="p_time" class="easyui-textbox"  title="启动时间:"><br>
            <label>项目经理：</label> <input name="manager" class="easyui-textbox"  title="项目经理:">
        </form>
        <a class="easyui-linkbutton" onclick="userManger.save($('#add form').serializeJSON())">保存</a> <a
            class="easyui-linkbutton" onclick="$('#add form').from('reset');">取消</a>
    </div>
</div>
</body>
</html>